<template lang="pug">
.menu-list
  .menu-list-left
    queryList(@nodeClick="nodeClick")
  .menu-list-right
    lisData(:equimentId="equimentId")
</template>

<script setup lang="ts">
import queryList from "./components/query-list.vue";
import lisData from "./components/lis-data.vue";
const equimentId = ref("");
const nodeClick = (value: string) => {
  equimentId.value = value;
};
</script>

<style lang="less" scoped>
.menu-list {
  display: flex;
  width: 100%;
  height: 100%;

  &-left {
    width: 300px;
    flex-shrink: 0;
    border: 1px #606266;
  }

  &-right {
    flex: 1;
    margin-left: var(--mt-margin);
    max-width: calc(100% - 300px);
  }
}
</style>
